<template>
  <div
    :class="[
      user_comment_border,
      css_wind_light_hover,
      css_content_padding,
      css_child_margin_top,
    ]"
  >
    <user_comment_title></user_comment_title>
    <uni_comment cur_id="123"></uni_comment>
    <uni_comment cur_id="456"></uni_comment>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';

import user_comment_title from './uni_comps/user_comment_title/user_comment_title.vue';
import uni_comment from './uni_comps/uni_comment/uni_comment.vue';

import './user_comment.css';

import {
  css_child_margin_top,
  css_content_padding,
  css_wind_light_hover,
} from '../../../global_comps/Css';
import { user_comment_border } from './DataDefine/sourceData';

onMounted(() => {});
</script>
